<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<style>
		html{
			font-size:26.667vw;
		}
		body{font-size:16px;}
		*{margin:0;padding:0;}
		li{list-style:none;}
		.list li{
			width:25%;
			height:.9rem;
			float:left;
			background-color:orange;
			box-sizing: border-box;
			border:1px solid #e3e3e3;
		}
		footer{
			height:.5rem;
			border-top:1px solid #e3e3e3;
			background-color:#f99;
			box-sizing: border-box;
			position:fixed;
			width: 100%;
			bottom:0;
			left:0;
		}
	</style>
</head>
<body>
	<ul class="list">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

	<footer></footer>	
</body>
</html>